<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
  <meta charset="UTF-8">
  <title>统计表</title>
  <div th:replace="header::common"></div>
  <style>
    .center {
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 3px;
    }
    .pagination {
      display: inline-block;
      padding-left: 0px;
      margin: 0px 0px;
      border-radius: 4px;
    }
    .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 10px;
      margin-top: 3px;
    }
    #countCustom{
      margin: 20px 0;
    }
  </style>
</head>
<body class="center">
<div style="display: flex; align-items: center;">

  <button id="exportBtn" class="btn btn-sm btn-primary">导出报表</button>

</div>
<table class="table table-striped table-bordered table-hover table-condensed" id="countCustom">

  <tr class="success">
    <td>用户ID</td>
    <td>用户昵称</td>
    <td>消费次数</td>
  </tr>
  <tr th:each="customidVos:${customidVos}">
    <td th:text="${customidVos.id}"></td>
    <td th:text="${customidVos.name}"></td>
    <td th:text="${customidVos.number}"></td>
  </tr>

</table>

<table class="table table-striped table-bordered table-hover table-condensed">
  <tr class="success">
    <td>服务ID</td>
    <td>服务项目</td>
    <td>选择人数</td>
  </tr>
  <tr th:each="serviceidVos:${serviceidVos}">
    <td th:text="${serviceidVos.id}"></td>
    <td th:text="${serviceidVos.name}"></td>
    <td th:text="${serviceidVos.number}"></td>
  </tr>
</table>
</body>

<script src="../../static/js/exportExcel.js"></script>

</html>